<div class="manage-content form-box">
    <div class="padding search-wrap">
        <div class="form clearfix">
            <div class="search-con" style="margin:0;">
                <input type="text" class="form-control search-input"
                    placeholder="标题/作者/摘要"
                    ng-model="messageSelector.search.keyword">
                <span class="x-icon x-icon-fix" ng-click="messageSelector.search.reset()">×</span>
                <span class="search-btn search-icon" ng-click="messageSelector.search.submit()"></span>
            </div>
            <a href="javascript:;" ng-click="messageSelector.create()" class="btn-add pull-right">新建图文消息</a>
        </div>
    </div>
    <div class="dialog_media_inner">
        <div class="appmsg_list media_dialog">
            <div class="appmsg_col" ng-repeat="message in messageSelector.messageList">
                <div class="inner">
                    <div>
                        <div class="appmsg {{messageSelector.selected === $index ? 'selected' : ''}}"
                            ng-if="message.articles && message.articles.length === 1"
                            ng-click="messageSelector.select($index)">
                            <div class="appmsg_content" ng-init="article = message.articles[0]">
                                <h4 class="appmsg_title js_title">
                                    <a href="javascript:;" ng-cloak>{{article.title}}</a>
                                </h4>
                                <div class="appmsg_info">
                                    <em class="appmsg_date" ng-cloak>{{message.modified_on * 1000|date: 'yyyy-MM-dd hh:mm:ss'}}</em>
                                </div>
                                <div class="appmsg_thumb_wrp">
                                    <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                </div>
                                <p class="appmsg_desc" ng-cloak>{{article.summary}}</p>
                            </div>
                            <div class="appmsg_mask"></div>
                            <i class="icon_card_selected">已选择</i>
                        </div>
                        <div class="appmsg multi {{messageSelector.selected === $index ? 'selected' : ''}}"
                            ng-if="message.articles && message.articles.length > 1"
                            ng-click="messageSelector.select($index)">
                            <div class="appmsg_content">
                                <div class="appmsg_info">
                                    <em class="appmsg_date" ng-cloak>{{message.modified_on * 1000 |date: 'yyyy-MM-dd hh:mm:ss'}}</em>
                                </div>
                                <div class="cover_appmsg_item" ng-init="article = message.articles[0];">
                                    <h4 class="appmsg_title js_title">
                                        <a href="javascript:;" ng-cloak>{{article.title}}</a>
                                    </h4>
                                    <div class="appmsg_thumb_wrp">
                                        <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                    </div>
                                </div>
                                <div class="appmsg_item" ng-repeat="article in message.articles" ng-if="$index">
                                    <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                    <h4 class="appmsg_title js_title">
                                        <a href="javascript:;" ng-cloak>{{article.summary}}</a>
                                    </h4>
                                </div>
                            </div>
                            <div class="appmsg_mask"></div>
                            <i class="icon_card_selected">已选择</i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tool_area">
            <div pagination ng-model="messageSelector.pagination"></div>
        </div>
    </div>
</div>
